<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" type="image/x-icon" href="https://calva.io/img/favicon.ico">
</head>

<body>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <style>
    body {
      padding: 40px;
      margin: auto;
      max-width: 38em;
      font-family: "Open Sans", sans-serif;
    }

    code {
      color: #4165a2;
      font-size: 17px;
    }

    pre {
      color: #4165a2;
      font-size: 15px;
      white-space: pre-wrap;
    }
  </style>

  <div id="app">
    <center>
      <a href="https://clojurescript.org">
        <img src="https://raw.githubusercontent.com/cljs/logo/master/cljs-white.svg" style="width: 200px; height: 200px; margin: 15px;">
      </a>
    </center>
  
    <h3>Welcome to the ClojureScript browser REPL.</h3>
    
    <p>This page hosts your REPL and application evaluation environment. Validate the connection by evaluating <code>(js/alert&nbsp;"Hello&nbsp;CLJS!")</code> in the <code>core.cljs</code> file opened in VS Code by Calva.</p>

    <p>In that file you'll find a <code>(comment ...)</code> form (aka a <a href="https://youtu.be/Qx0-pViyIDU?t=1229">Rich comment block</a>) with some more stuff you can evaluate.</p>
    
    <p>Check out these resources:
      <ul>
        <li><a href="https://clojurescript.org/">clojurescript.org</a></li>
        <li><a href="http://shadow-cljs.org/">shadow-cljs</a></li>
        <li><a href="http://reagent-project.github.io">Reagent</a></li>
        <li><a href="https://day8.github.io/re-frame/re-frame/">re-frame</a></li>
        <li><a href="https://calva.io">calva.io</a></li>
      </ul>
    </p>

    <center>
      <a href="https://calva.io"><img src="https://raw.githubusercontent.com/BetterThanTomorrow/calva/dc4709ef157af3cf9e3e6676385618de9ead08d0/assets/images/calva-symbol-logo.svg" style="height: 80px; margin: 15px;"></a>
    </center>
  </div>

  <script src="out/main.js" type="text/javascript"></script>

</body>

</html>
